<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的订单</title>
    <link rel="shortcut icon" href="images/favicon.ico" />
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/response.css" rel="stylesheet">
    <link href="css/silde.css" rel="stylesheet">
    <link href="css/xiadan.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <style>

        .nextBtn{
            width: 90px;
            height: 30px;
            color: white;
            background-color: orangered;
            text-align: center;

        }
    </style>
</head>
<body>
<div class="header">
    <div class="width1003">
        <h1 class="logo"><a href="index.html"><img src="images/logo.png" width="202" height="74" /></a></h1>
        <div class="phones">
            <p>服务热线：<strong>4001001717</strong></p>
        </div><!--phones/-->
        <div class="clears"></div>
    </div><!--width1003/-->
</div><!--header/-->
<div class="nav-toggle">
    <div class="nav-open"><span class="glyphicon glyphicon-th-list"></span></div>
    <div class="nav-close"><span class="glyphicon glyphicon-remove"></span></div>
</div>
<div class="clearfix"></div>
<div class="nav">
    <ul class="width1003">
        <li><a href="index.html">首页</a></li>
        <li><a href="javascript:void(0)">寄件</a>
            <div class="chilNav">
                <a href="xiadan2.html">在线下单</a>
                <a href="">价格实时查询</a>
                <a href="batchOrder.html">批量下单</a>
                <a href="download.html">快速収送查询</a>
            </div>
        </li>
        <li><a href="search.html">自助查询</a>
            <div class="chilNav">
                <a href="search.html">运单查询</a>
                <a href="service.html">网点查询</a>
                <a href="search3.html">货物追踪</a>
                <a href="search4.html">订单查询</a>
                <a href="search3.html">我的账单</a>
                <a href="search4.html">账号管理</a>

            </div>
        </li>
        <li><a href="product.html">产品与服务</a>
            <div class="chilNav">
                <a href="product.html">大件快递</a>
                <a href="product.html">小件快递</a>
                <a href="product.html">仓配一体化</a>
                <a href="product.html">增值服务</a>
                <a href="product.html">整车转运</a>
                <a href="product.html">仓储物流</a>
            </div>
        </li>
        <li><a href="join.html">帮助中心</a>
            <div class="chilNav">
                <a href="join.html">加盟指南</a>
                <a href="join.html">在线加盟</a>
                <a href="join.html">人才服务</a>
                <a href="job.html">人才招聘</a>
                <a href="job.html">在线招聘</a>
            </div>
        </li>
        <li><a href="news.html">新闻公告</a>
            <div class="chilNav">
                <a href="news.html">十七新闻</a>
                <a href="news.html">十七公告</a>
                <a href="news.html">行业动态</a>
                <a href="news.html">企业视频</a>
                <a href="news.html">企业微博</a>
            </div>
        </li>
        <div class="clears"></div>
    </ul>
</div><!--nav/-->

<!--我的快递-->
<div class="col_left">
    <h3 class="title1">我的快递</h3>
    <ul class="col_left_ul" >
        <li><a href="xiadan2.html">网上下单</a></li>
        <li><a href="batchOrder.html">批量下单</a></li>
        <li><a href="mybook.html">我的订单</a></li>
        <li><a>我的理赔</a></li>
        <li><a>我的资料管理</a></li>
    </ul>
</div>
<div class="center_top">
    <img src="img/order_banner.jpg" id="img1"><br>
</div>
<div class="news_title">
    <h4>
      我的订单
    </h4>
</div>
<div class="col_mybook">
    <div class="text-c"> 请选择日期范围：
        <input type="text"  name="date" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" style="width:120px;">
        - <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" style="width:120px;">
        <input type="text" name="orderId" id="orderId" placeholder="请输入单号" style="width:250px" class="input-text">
        <button id="sosuo" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜产品</button>
    </div>
</div>
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    var setting = {
        view: {
            dblClickExpand: false,
            showLine: false,
            selectedMulti: false
        },
        data: {
            simpleData: {
                enable:true,
                idKey: "id",
                pIdKey: "pId",
                rootPId: ""
            }
        },
        callback: {
            beforeClick: function(treeId, treeNode) {
                var zTree = $.fn.zTree.getZTreeObj("tree");
                if (treeNode.isParent) {
                    zTree.expandNode(treeNode);
                    return false;
                } else {
                    //demoIframe.attr("src",treeNode.file + ".html");
                    return true;
                }
            }
        }
    };




    $(document).ready(function(){
        var t = $("#treeDemo");
        t = $.fn.zTree.init(t, setting, zNodes);
        //demoIframe = $("#testIframe");
        //demoIframe.on("load", loadReady);
        var zTree = $.fn.zTree.getZTreeObj("tree");
        //zTree.selectNode(zTree.getNodeByParam("id",'11'));
    });

    $('.table-sort').dataTable({
        "aaSorting": [[ 1, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "aoColumnDefs": [
            {"orderable":false,"aTargets":[0,7]}// 制定列不参与排序
        ]
    });
    /*产品-添加*/
    function product_add(title,url){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*产品-查看*/
    function product_show(title,url,id){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*产品-审核*/
    function product_shenhe(obj,id){
        layer.confirm('审核文章？', {
                    btn: ['通过','不通过'],
                    shade: false
                },
                function(){
                    $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                    $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                    $(obj).remove();
                    layer.msg('已发布', {icon:6,time:1000});
                },
                function(){
                    $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                    $(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
                    $(obj).remove();
                    layer.msg('未通过', {icon:5,time:1000});
                });
    }
    /*产品-下架*/
    function product_stop(obj,id){
        layer.confirm('确认要下架吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
            $(obj).remove();
            layer.msg('已下架!',{icon: 5,time:1000});
        });
    }

    /*产品-发布*/
    function product_start(obj,id){
        layer.confirm('确认要发布吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
            $(obj).remove();
            layer.msg('已发布!',{icon: 6,time:1000});
        });
    }

    /*产品-申请上线*/
    function product_shenqing(obj,id){
        $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
        $(obj).parents("tr").find(".td-manage").html("");
        layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
    }

    /*产品-编辑*/
    function product_edit(title,url,id){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }

    /*产品-删除*/
    function product_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                type: 'POST',
                url: '',
                dataType: 'json',
                success: function(data){
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
                },
                error:function(data) {
                    console.log(data.msg);
                },
            });
        });
    }
</script>
</body>
</html>